<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<!--关键词和描述-->
	<title>未分类项</title>
	<!--下面是 公共的css-->
	<link href="__ROOT__/static/css/bootstrap.min.css" rel="stylesheet" />
	<link href="__ROOT__/static/note/index/css/common.css" rel="stylesheet" />
	<!--下面 每个页面的特色css-->




</head>

<body>

	<h6>验证是boot</h6>
	<div class="row">

		<div class="col-lg-7 col-md-7 col-sm-7 col-xs-12 a">
			<h6>div 套div 居中</h6>
			<pre>
		小div 
		/*水平居中*/
		float: none;
		display: block;
		margin: 0 auto;
            </pre>
		</div>
		<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12 a" style="height:200px">
			<div style="width:87px;height:87px;border:1px solid ;background-color:blue; float: none;display: block;margin: 0 auto;">居中</div>
		</div>
		<!--第二行 -->
		<div class="col-lg-7 col-md-7 col-sm-7 col-xs-12 a">
			<h6>div 套div 居正中</h6>
			<pre>
	小div 
	/*正中*/
	margin: auto;  
	position: absolute;  
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0;
		</pre>
		</div>
		<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12 a" style="height:200px">
			<div style="width:100px;height:100px;margin: auto;  position: absolute;  top: 0; left: 0; bottom: 0; right: 0; background: red;"></div>
		</div>


	</div>



	<div class=" a" style="width:300px; height:300px">
			<div style="width:100px;height:100px;margin: auto;  position: absolute;  top: 0; left: 0; bottom: 0; right: 0; background: red;"></div>
		</div>



	<!--下面是 公共的js-->
	<script src="__ROOT__/static/js/jquery.min.js"></script>
	<script src="__ROOT__/static/js/bootstrap.min.js"></script>
</body>

</html>